.tips-color {
  color: $uni-text-color-placeholder;
}

.light-color {
  color: $uni-text-color-grey;
}

.bg-f5 {
  background: #f5f5f5 !important;
}

.bg-f9 {
  background: #f9f9f9 !important;
}

.box-s {
  box-shadow: 0 2rpx 12rpx 0 #e6e6e6;
}

.text-line {
  text-decoration: line-through;
}

.white-color {
  color: $uni-bg-color;
}

.black-color {
  color: #333;
}

.red-color {
  color: #ff4d4d;
}

.info-color {
  color: #ffa525;
}

.price-color {
  color: #fe434b;
}

.red-bg {
  background: #ff4d4d;
}

.bg-white {
  background-color: $uni-bg-color;
}

.w100 {
  width: 100%;
}

.df {
  display: flex;
}

.alc {
  align-items: center;
}

.als {
  align-items: flex-start;
}

.jc-fs {
  justify-content: flex-start;
}

.jcc {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.jc-end {
  justify-content: flex-end;
}

.fdc {
  flex-direction: column;
}

.fdr {
  flex-direction: row;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fww {
  flex-wrap: wrap;
}

.border-bottom1 {
  border-bottom: 1rpx solid #e1e1e1;
}

.border-bottom-light {
  border-bottom: 1px solid #e1e1e1;
}

.border-bottom-d8 {
  border-bottom: 1px solid #d8d8d8;
}

.border-main {
  border: 1px solid #b0d245;
}
// 定义字体(px)单位，小于100都为px单位字体
@for $i from 9 to 100 {
  .font-#{$i} {
    font-size: $i + rpx;
  }
}

// 行高
@for $i from 9 to 100 {
  .lh-#{$i} {
    line-height: $i + rpx;
  }
}

@for $i from 400 to 900 {
  @if $i % 100 == 0 {
    .font-weight-#{$i} {
      font-weight: $i;
    }
  }
}
// 圆角
@for $i from 4 to 80 {
  .radius-#{$i} {
    border-radius: $i + rpx;
  }
}

@for $i from 2 to 750 {
  .w-#{$i} {
    width: $i + rpx;
  }
}
@for $i from 2 to 750 {
  .h-#{$i} {
    height: $i + rpx;
  }
}

// 定义内外边距，历遍100-140
@for $i from 80 through 140 {
  // 只要双数和能被5除尽的数
  @if $i % 2 == 0 or $i % 5 == 0 {
    .margin-#{$i},
    .m-#{$i} {
      margin: $i + px !important;
    }

    .padding-#{$i},
    .p-#{$i} {
      padding: $i + rpx !important;
    }

    @each $short, $long in l left, t top, r right, b bottom {
      .m-#{$short}-#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .p-#{$short}-#{$i} {
        padding-#{$long}: $i + rpx !important;
      }

      // 定义外边距
      .margin-#{$long}-#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .padding-#{$long}-#{$i} {
        padding-#{$long}: $i + rpx !important;
      }
    }
  }
}
